.edit-space {
    padding: 15px;
    width: 100%;
    height: 100vh;
}
.toolbar {
    position: relative;
    display: flex;
    height: 48px;
    background-color: white;
    border-bottom: 1px solid grey;
    border-radius: 5px 5px 0 0;
}

.toolbar button,
.toolbar .symbol {
    margin-right: 30px;
}
.toolbar .symbol {
    position: relative;
    cursor: default;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 0 30px;
    font-weight: bold;
}
.toolbar .symbol::after {
    content: '';
    position: absolute;
    top: 50%;
    right: -2px;
    transform: translateY(-50%);
    width: 2px;
    height: 15px;
    background-color: grey;
}
.toolbar .symbol .file-name,
.toolbar .symbol .type {
    margin: 0;
}
.toolbar .symbol .file-name {
    font-size: 16px;
}
.toolbar .symbol .type {
    font-size: 10px;
    text-align: start;
    color: grey;
}
.toolbar button {
    border: none;
    background: transparent;
    transition: 0.25s;
}
.toolbar button:hover {
    color: black;
    font-weight: bold;
}

.toolbar .modify-time {
    position: absolute;
    right: 10px;
    line-height: 48px;
}

.edit-space textarea {
    padding: 15px;
    width: 100%;
    height: 400px;
    font-size: 18px;
    letter-spacing: .05em;
    font-family: 'Times New Roman', Times, serif;
    resize: none;
    outline: none;
    border: none;
    border-radius: 0 0 5px 5px;
}